// alert(1111)检测js文件是否链接好
// 逻辑：
// 1.获取节点(要操作的节点)
	var banner = document.getElementById("banner");
	var dianUl = document.getElementById("dianUl");
	var imgs = banner.getElementsByTagName("img");
	var lis = dianUl.getElementsByTagName("li");
	// console.log(lis);
// 2.封装函数块
	var index = 0;//放图片的索引号
	function bo(){

		index++;
		/*if(index == 5){
			index = 0;
		}*/
		index = (index == 5)?0:index;
		// 2-1 隐藏所有图片
		for(var i=0;i<imgs.length;i++){
			imgs[i].style.display = "none";
		}
		// 2-2 需要展示的图片显示出来
		imgs[index].style.display = "block";

		// 2-3 所有小圆点背景色设为黑色
		for(var i=0;i<lis.length;i++){
			lis[i].style.background = "#000";
		}

		// 2-4 和展示的图片索引一致的小圆点背景色改为红色
		lis[index].style.background = "red";


	}

// 3.加定时器让轮播动起来setIntereval（执行函数块，间隔时间）
	setInterval(bo,1000)